<template>
	<view class="container">
		<view class="tui-page__hd">
			<view class="tui-page__title">SearchBar</view>
			<view class="tui-page__desc">搜索栏：可设置圆角，高度，颜色等</view>
		</view>
		<view class="tui-page__bd">
			<view class="tui-search-box">
				<tui-searchbar></tui-searchbar>
			</view>
			<view class="tui-search-box">
				<tui-searchbar radius="20px" placeholder="搜索" disabled @click="handleClick"></tui-searchbar>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		handleClick(e){
			this.tui.toast('禁用状态，可做跳转')
		}
	}
};
</script>

<style>
	.tui-search-box{
		margin-bottom: 30px;
	}

</style>
